// Element UI 样式覆盖

// 修改主题色变量
$--color-primary: #409EFF;
$--color-success: #67C23A;
$--color-warning: #E6A23C;
$--color-danger: #F56C6C;
$--color-info: #909399;

/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

// 显式导入Element UI图标样式
@import "~element-ui/packages/theme-chalk/src/icon.scss";

// 按钮圆角
.el-button {
    &.is-round {
        border-radius: 20px;
    }
}

// 输入框样式
.el-input__inner {
    &:hover {
        border-color: $--color-primary;
    }
}

// 表格样式优化
.el-table {
    th {
        background-color: #f5f7fa;
        color: #606266;
        font-weight: 500;
    }

    // 鼠标悬停效果
    tbody tr:hover>td {
        background-color: rgba(64, 158, 255, 0.1);
    }
}

// 分页器紧凑一些
.el-pagination {
    margin-top: 15px;
    justify-content: flex-end;

    .btn-prev,
    .btn-next {
        padding: 0 10px;
    }
}

// 卡片阴影优化
.el-card {
    &.is-always-shadow {
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
    }

    &:hover {
        box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
    }
}

// 弹窗样式
.el-dialog {
    border-radius: 4px;

    .el-dialog__header {
        border-bottom: 1px solid #f0f0f0;
        padding: 15px 20px;
    }

    .el-dialog__footer {
        border-top: 1px solid #f0f0f0;
        padding: 15px 20px;
    }
}

// 下拉菜单样式
.el-dropdown-menu {
    .el-dropdown-menu__item {
        &:not(.is-disabled):hover {
            background-color: rgba(64, 158, 255, 0.1);
            color: $--color-primary;
        }
    }
}

// 添加常用图标样式以便调试
.icon-debug {

    .el-icon-setting,
    .el-icon-user,
    .el-icon-s-check,
    .el-icon-s-tools,
    .el-icon-s-operation,
    .el-icon-s-home,
    .el-icon-notebook-1,
    .el-icon-office-building,
    .el-icon-menu,
    .el-icon-goods,
    .el-icon-collection,
    .el-icon-s-order,
    .el-icon-data-line {
        font-size: 18px;
        margin-right: 5px;
    }
}